<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title>活动推广渠道管理</title>
    <#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>

    <div class="grid-btn">
        <div class="form-group" style="width: 30%;float: left;" >

            <input autocomplete="off" id="startDate" class="form-control" style="width: 45%;float: left;"  v-model="startDate" placeholder="开始时间">&nbsp;
            <input autocomplete="off" id="endDate" class="form-control" style="width: 45%;float: left;" v-model="endDate"  placeholder="结束时间">&nbsp;
        </div>
        <a class="btn btn-primary" @click="query">{{queryStr}}</a>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">数据统计</div>
        <form class="form-horizontal">
        <div class="form-group">
            <div class="col-sm-2 control-label">总报名数</div>
            <div class="col-sm-3">
                <input type="text" class="form-control" v-model="totalResult.totalPerson" />
            </div>
            <div class="col-sm-2 control-label">总报名家数</div>
            <div class="col-sm-3">
                <input type="text" class="form-control" v-model="totalResult.totalCompany" />
            </div>
        </div>
        <!--<div class="form-group">
            <div class="col-sm-2 control-label">总报名家数</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="totalResult.totalCompany" />
            </div>
        </div>-->
        <table class="ui-jqgrid-btable ui-common-table table table-bordered">
            <tr>
                <td>日期</td>
                <td>新增人数</td>
                <td>新增家数</td>
                <td>重复人数</td>
                <td>重复家数</td>
            </tr>
            <tr v-for="option in newResult">
                <td>{{ option.days }}</td>
                <td>{{ option.totalPerson }}</td>
                <td>{{ option.totalCompany }}</td>
                <td>{{ option.recomePerson }}</td>
                <td>{{ option.recomeCompany }}</td>
            </tr>
        </table>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/plugins/layui/laydate/laydate.js?_${.now?long}"></script>
<script src="${request.contextPath}/statics/js/modules/noc/nocresult.js?_${.now?long}"></script>

</body>
</html>